<?php 
$this->headTitle('Đăng nhập');
$this->headScript()->offsetSetFile(11, $this->basePath() . '/js/jquery.validate.min.js');
$this->headScript()->offsetSetFile(12, $this->basePath() . '/js/localization/messages_vi.js');
?>
<script type="text/javascript">
	$(document).ready(function(){
		$("#loginform").validate({
			errorElement: "span", // Định dạng cho thẻ HTML hiện thông báo lỗi
				rules: {
					cpassword: {
						equalTo: "#password" // So sánh trường cpassword với trường có id là password
					},
				min_field: { min: 5 }, //Giá trị tối thiểu
				max_field: { max : 10 }, //Giá trị tối đa
				range_field: { range: [4,10] }, //Giá trị trong khoảng từ 4 - 10
				rangelength_field: { rangelength: [4,10] } //Chiều dài chuỗi trong khoảng từ 4 - 10 ký tự
			}
		});
	});
</script>
<div class="newTitleDiv clearfix">
	<div class="loginTitle">Đăng nhập</div>
	<div class="newTitleShadow"></div>
	<div class="newTitleBg"></div>
</div>
<div class="contentBox">
	<div class="loginArea clearfix">
		<div class="contactLeft">
			<h2>Điền thông tin đăng nhập</h2>
			<form id="loginform" method="post" action="<?php echo $this->Url('auth', array('action' => 'authenticate'));?>" >
				<div class="loginBox2">
					<label for="username">Tên đăng nhập:</label>
					<input type="text" class="inputField required" name="username" id="username" minlength="6" />
					<label>Mật khẩu:</label>
					<input type="password" class="inputField required" name="password" minlength="6" />
					<p class="checkboxField"><input type="checkbox" name="rememberme" /> Ghi nhớ tôi ?</p>												
					<div class="clearfix">
						<br />
						<a href="<?php echo $this->url('auth',array('action' => 'forgottenpass'));?>" class="forgottenPass">Quên mật khẩu</a>
						<input type="submit" value="Gửi" class="sendBtn submit" />
					</div>
				</div>
			</form>
			<?php
			if ($this->messages){
				foreach($this->messages as $message)
				{
					echo '<p class="error">'.$message.'</p>';
				}
			}
			?>
		</div>
		<div class="loginRight">
			<h2>Tạo tài khoản mới</h2>
			<div class="clearfix">
				<div class="contactInfoRight2">
					<span>Bằng việc đăng ký tài khoản, bạn sẽ nhận được những email liên quan tới dịch vụ, tài khoản, tin tức và những ưu đãi đặc biệt từ cửa hàng</span>
					<input type="submit" value="Tiếp tục" class="sendBtn submit" />
				</div>
			</div>
		</div>
	</div>
</div>